
.app-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	.login-show{
		width: 100%;
		height: 100%;
		transform: translate(0,-100%);
		z-index: 0;
		animation: loginShow 1.5s linear 1;
	}
	.tab-home{
		width: 100%;
		height: 100%;
		z-index: -1;
		.container{
			background: url(../static/images/bg.png) no-repeat fixed 0 0;
			width: 100%;
			height: 100%;
			.content{
				width: 1000px;
				height: 100%;
				margin: 0 auto;
				.content-right{
					float: right;
				}
				.content-left{
					width: 100%;
					float:left;
				}
			}
		}
	}
}
@keyframes loginShow {
	from {
		transform: translate(-100%,-100%);
		opacity: 0;
	}
	to{
		transform: translateX(0,-100%);
		opacity: 1;
	}
}
@keyframes loginHide {
	from {
		transform: translateX(0,-100%)
	}
	to{
		transform: translateX(-100%,-100%)
	}
}